<div class="row">
  <div class="col-12">
    <div class="card">
      <div class="card-body">
        <h4 class="card-title">基础状态管理测试</h4>
        <p class="card-title-desc">此页面用于演示 createState 的使用。</p>

        <div>
          <!-- Alert区域（动态部分） -->
          <div class="alert alert-{{alert-model}}" role="alert">
            {{message}}
          </div>

          <!-- Radio按钮组（静态结构） -->
          <div class="form-check">
            <input
              class="form-check-input"
              type="radio"
              name="alert"
              id="primary"
              checked
            />
            <label class="form-check-label" for="primary">primary</label>
          </div>
          <div class="form-check">
            <input
              class="form-check-input"
              type="radio"
              name="alert"
              id="secondary"
            />
            <label class="form-check-label" for="secondary">secondary</label>
          </div>
          <!-- 其他radio按钮... -->
        </div>
      </div>
    </div>
  </div>
</div>
